﻿
<div class="row form-group">
    <div>
        <ul class="nav nav-pills nav-justified thumbnail">
            <li class="active disabled">
                <a href="#" style="text-decoration: none;">
                    <h3 style="color: white;">Шаг 1</h3>
                    <p>Заполнение данных</p>
                </a>
            </li>
            <li class="disabled">
                <a href="#" style="text-decoration: none;">
                    <h3>Шаг 2</h3>
                    <p>Оплата регистрации авторского права</p>
                </a>
            </li>
            <li class="disabled" style="text-decoration: none;">
                <a href="#" style="text-decoration: none;">
                    <h3>Шаг 3</h3>
                    <p>Получение свидетельства</p>
                </a>
            </li>
        </ul>
    </div>
</div>

@using (Html.BeginForm("Index", "OnlineRegistration", FormMethod.Post, new { id = "RegistrationForm", @class = "form-horizontal", enctype = "multipart/form-data", role = "form" }))
{
    <div class="form-group">
        <label class="control-label">1. Вид и полное название произведения (сокращенное название, если есть)<span style="color: red;">*</span></label>
        <input type="text" data-bv-notempty data-bv-notempty-message="Заполните поле" name="CompositionName" class="form-control" />
        <small>Если вы не можете определиться, достаточно описать, что это за произведение (фотография, композиция, сценарий, программа)</small>
    </div>
    <div class="form-group">
        <label class="control-label">2. Предыдущее или альтернативное название произведения</label>
        <input type="text" name="PreviousName" class="form-control" placeholder="(Отсутствует)" />
    </div>   
    <div class="form-group">
        <label class="control-label">3. Отрасль творческой деятельности<span style="color: red;">*</span></label>
        <input type="text" data-bv-notempty data-bv-notempty-message="Заполните поле" name="Branch" class="form-control" value="" />
    </div>       
    <div class="form-group">
        <label class="control-label">4. К какому объекту авторского права пренадлежит произведение<span style="color: red;">*</span></label>
        <input type="text" data-bv-notempty data-bv-notempty-message="Заполните поле" name="ObjectType" class="form-control" value="" />
    </div>  

    <div class="form-group">
        <label class="control-label">5. Дата завершения работы над произведением<span style="color: red;">*</span></label>
        <div>
            <input type="date" name="FinishDate" class="form-control" data-bv-notempty data-bv-notempty-message="Заполните поле" style="max-width: 200px; float: left;" />
            <span class="glyphicon glyphicon-calendar"  style="font-size: 30px; margin-left: 2px;"></span>
        </div>
    </div>     

    <div class="form-group">
        <label class="control-label">6. Данные об обнародовании произведения (публикация, публичное оповещение, исполнение, демонстрация)</label>
        <input type="text" name="PublicationInformation" class="form-control" placeholder="(Не обнародовалось)" />
        <small>В случае обнародования произведения, укажите, когда и каким способом</small>
    </div>     

    <div class="form-group">
        <label class="control-label">7. Сведения об использванных произведениях</label>
        <input type="text" name="DependencyInformation" class="form-control" placeholder="(Другие материалы не использовались)" />
        <small>В случае использования других произведений, укажите их</small>
    </div> 
    
    <div class="form-group">
        <label class="control-label">8. Сведения об оригинальности произведения</label>
        <input type="text" name="OriginInformation" class="form-control" placeholder="Оригинальное произведение" />
        <small>В случае, если материал является произодным, укажите первоисточник</small>
    </div>

    <div class="form-group">
        <label class="control-label">9. Сведения о произведении(-ях) или часть произведения(-й), которые включены</label>
        <input type="text" name="IncludedInformation" class="form-control" placeholder="Оригинальное произведение" />
    </div> 
     
    <div class="form-group">
        <label class="control-label">10. Сведения о предыдущей регистрации</label>
        <input type="text" name="PreviousRegistration" class="form-control" placeholder="(Отсутствует)" />
        <small>Необходимо указать страну, дату, номер предыдущей регистрации и название реестра</small>
    </div>  
    
    <div class="form-group">
        <label class="control-label">11. Сведения об авторах произведения</label>
        @Html.Partial("_Author")
        <div id="CoAuthors">
            
        </div>
        <div style="float: right;">
            <button type="button" name="Добавить автора" onclick="addCoAuthor()" class="btn btn-sm btn-warning">
                <span class="glyphicon glyphicon-plus"></span>
                Добавить соавтора
            </button>
        </div>
    </div>         

    <div class="form-group">
        <label class="control-label">12. Суть авторства, авторский вклад в произведение<span style="color: red;">*</span></label>
        <textarea data-bv-notempty data-bv-notempty-message="Заполните поле" name="Authority" class="form-control"></textarea>
    </div>    
    
    <div class="form-group">
        <label class="control-label">13. Это произведение (часть произведения) создано:</label>
        <div class="checkbox">
            <label>
                <input type="checkbox" name="CreationType" value="В порядке исполнения служебных обязанностей">
                В порядке исполнения служебных обязанностей
            </label>
        </div>      
        <div class="checkbox">
            <label>
                <input type="checkbox" name="CreationType" value="По договору">
                По договору
            </label>
        </div> 
        <div class="checkbox">
            <label>
                <input type="checkbox" name="CreationType" value="В порядке индивидуальной разработки">
                В порядке индивидуальной разработки
            </label>
        </div>  
        <div class="checkbox">
            <label>
                <input type="checkbox" name="CreationType" value="Под псевдонимом">
                Под псевдонимом
            </label>
        </div> 
        <div class="checkbox">
            <label>
                <input type="checkbox" name="CreationType" value="Для обнародования">
                Для обнародования
            </label>
        </div> 
        <div class="checkbox">
            <label>
                <input type="checkbox" name="CreationType" value="Анонимно">
                Анонимно
            </label>
        </div>                                         
    </div>       
    
    <div class="form-group">
        <label class="control-label">15. Файл произведения<span style="color: red;">*</span></label>
        <input type="file" data-bv-notempty data-bv-notempty-message="Прикрепите файл произведения" name="AuthorityFile" />
        <small>Если призведение состоит из нескольких файлов, поместите их в архив</small>
    </div>    
     
    <div class="form-group">
        
        <label class="control-label">14. Лицо, которое подает заявление на регистрацию (заявитель)</label>

        <div class="checkbox">
            <label>
                <input type="checkbox" checked="checked" id="cbRegisteredByAuthor" name="cbRegisteredByAuthor" value="Job">
                Автор является заявителем
            </label>
        </div>
        
        <textarea id="Registrator" data-bv-notempty data-bv-notempty-message="Заполните поле" disabled="disabled" name="Registrator" class="form-control"></textarea>
        <small>Полное имя физического лица или полное имя юридического лица, адрес, телефон</small>
    </div>     
    
    <div class="form-actions">
        <button type="submit" name="Submit" class="btn btn-success">Перейти к оплате</button>
    </div>     
}

<script>
    $(document).ready(function () {
        $('#RegistrationForm').bootstrapValidator({ excluded: [':disabled', ':hidden', ':not(:visible)'], submitButtons: 'button[type="submit"]' });
    });

    $("#cbRegisteredByAuthor").click(function () {
        if($("#cbRegisteredByAuthor").is(':checked'))
        {
            $("#Registrator").prop("disabled", true);
        }
        else 
        {
            $("#Registrator").prop("disabled", false);
        }
    });

    function addCoAuthor()
    {
       var blockId = Math.floor((Math.random() * 10000) + 1);
       $.ajax({
               url: "/ru/onlineRegistration/authorform",
               type: 'POST',
               data: { blockId: blockId},
               success: function (responce) {
                   $("#CoAuthors").append(responce);
                   $("#" + blockId + "> .row > .col-xs-3:last").append("<button id='btnRemove" + blockId + "' type=\"button\" name=\"DeleteAuthor\" onclick=\"removeCoAuthor('" + blockId + "')\" class=\"btn btn-danger\">Удалить соавтора</button>");
                   $("#" + blockId).bootstrapValidator({ excluded: [':disabled', ':hidden', ':not(:visible)'], submitButtons: 'button[type="submit"]' });
               },
               error: function (xhr) {
                   alert("Ошибка!");
               }});
    }
    function removeCoAuthor(blockId)
    {
        $("#" + blockId).remove();
        $("#btnRemove" + blockId).remove();
    }
</script>    